import React, { Component } from 'react';
import "../styles/MyHeader.scss"

class MyHeader extends Component {
    constructor(props) {
        super(props)
        this.state = {
            list: [
                { text: '综合' },
                { text: '销量' },
                { text: '新品' },
                { text: '价格' },
                { text: '筛选' },

            ]
        }
    }
    render() {
        return (
            <div>
                <h2>全部商品</h2>
                <div className="input-box">
                    <input type="text" placeholder='搜索店铺内商品' />
                </div>
                <div className="MyEntry">
                    {this.state.list.map((item, index) => {
                        return (
                            <div className='item' key={index}>
                                <div className="text">{item.text}</div>
                            </div>
                        )
                    })}
                </div>
            </div>
        );
    }
}

export default MyHeader;